<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>公开课</title>
<link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
<link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
</head>

<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img th:src="@{/i/logo.png}"></a></div>
        <div class="headerLink">
        	<a th:href="@{login.html}" class="###">登录</a>
            <a th:href="@{register.html}" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a th:href="@{/index.html}" >首页</a></li>
                <li><a href="托福人.html" >托福人</a></li>
                <li><a href="公开课首页.html" >公开课</a></li>
                <li><a href="chat.html" >群组聊</a></li>
                <li><a href="福利城堡-福利城堡.html">福利城堡</a></li>
            </ul>
        </div>
        <div class="headerUser">
        	<ul>
            	<li class="headerUserPic"><a href="###"><img src="../i/hlw.png"></a></li>
                <li class="headerUserName"><a href="../my/mydata.html" target="ifr">用户名</a></li>
                <li class="headerUserNotice">通知<a href="###">14</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="openMenu">
	<div class="doc1180">
    	<ul class="fn-clear">
        	<li class="openMenuOn"><a href="最新公开课.html" target="publicIfr">最新公开课</a></li>
            <li><a href="名师推荐.html" target="publicIfr">名师推荐</a></li>
        </ul>
    </div>
</div>

<!--<iframe id = "publicIfr" name='publicIfr'  src="最新公开课.html" style="width: 99vw;height: 84vh;" frameborder="no"></iframe>-->
<div class="doc1180">
    <div class="open_wrapper fn-clear">



        <div class="openClass" th:each="user:${userList}">
            <div class="openClassDate"><span class="openClassD">07</span><span class="openClassM">06</span></div>
            <dl class="fn-clear">

                <dd>
                    <h3 class="openClassTitle">好好上班</h3>
                    <div class="openClassTime">course Time：<span>2020.05.16</span>&nbsp;&nbsp;<span>2020.06.16</span></div>
                    <div class="openClassPic">
                        <a href="课程详细页.html"><img src="../i/1(400x240).jpg" width="720" height="415"></a>
                    </div>
                </dd>

            </dl>
            <div class="openClassText">
                <h3>课程大纲：大家口中常提的托福网考bai由美国教育du考试服务中心ETS举办的英语能力测zhi试，它的考dao试项目主要包括：阅读，听力，口语和写作四个部分。每个人部分的满分为30分，总分为120分。原先的托福考试时间大约为4小时，但是从2019年8月1日起，托福进行了全新的改革，考试时间缩短为3小时。</h3>
                <p></p>
            </div>
            <div class="openBaoming">
                <a href="支付/购买流程-步骤一.html" class="openClassBm">立即报名</a>
                <span>已报名<b>xx人</b></span>
            </div>
        </div>
        <div class="openClass">
            <div class="openClassDate"><span class="openClassD">07</span><span class="openClassM">06</span></div>
            <dl class="fn-clear">

                <dd>
                    <h3 class="openClassTitle">好好上班</h3>
                    <div class="openClassTime">course Time：<span>2020.05.16</span>&nbsp;&nbsp;<span>2020.06.16</span></div>
                    <div class="openClassPic">
                        <a href="课程详细页.html"><img src="../i/1(400x240).jpg" width="720" height="415"></a>
                    </div>
                </dd>

            </dl>
            <div class="openClassText">
                <h3>课程大纲：大家口中常提的托福网考bai由美国教育du考试服务中心ETS举办的英语能力测zhi试，它的考dao试项目主要包括：阅读，听力，口语和写作四个部分。每个人部分的满分为30分，总分为120分。原先的托福考试时间大约为4小时，但是从2019年8月1日起，托福进行了全新的改革，考试时间缩短为3小时。</h3>
                <p></p>
            </div>
            <div class="openBaoming">
                <a href="支付/购买流程-步骤一.html" class="openClassBm">立即报名</a>
                <span>已报名<b>xx人</b></span>
            </div>
        </div>
        <div class="openClass">
            <div class="openClassDate"><span class="openClassD">07</span><span class="openClassM">06</span></div>
            <dl class="fn-clear">

                <dd>
                    <h3 class="openClassTitle">好好上班</h3>
                    <div class="openClassTime">course Time：<span>2020.05.16</span>&nbsp;&nbsp;<span>2020.06.16</span></div>
                    <div class="openClassPic">
                        <a href="课程详细页.html"><img src="../i/1(400x240).jpg" width="720" height="415"></a>
                    </div>
                </dd>

            </dl>
            <div class="openClassText">
                <h3>课程大纲：大家口中常提的托福网考bai由美国教育du考试服务中心ETS举办的英语能力测zhi试，它的考dao试项目主要包括：阅读，听力，口语和写作四个部分。每个人部分的满分为30分，总分为120分。原先的托福考试时间大约为4小时，但是从2019年8月1日起，托福进行了全新的改革，考试时间缩短为3小时。</h3>
                <p></p>
            </div>
            <div class="openBaoming">
                <a href="支付/购买流程-步骤一.html" class="openClassBm">立即报名</a>
                <span>已报名<b>xx人</b></span>
            </div>
        </div>

<!--        <div class="openClass">-->
<!--            <div class="openClassDate"><span class="openClassD">29日</span><span class="openClassM">12月</span></div>-->
<!--            <dl class="fn-clear">-->
<!--                <dt>-->
<!--                    <div class="openClassTec"><a href="#"><img src="../i/125x125.jpg" width="125" height="125"></a></div>-->
<!--                    <div class="openClassName"></div>-->
<!--                    <a class="openClassZan" href="###">32</a>-->
<!--                    <div class="openClassJieshao">底胤：托福口语主讲，大学期间便在各大培训机构中授课，对托福口语及美语发音有深入研究。</div>-->
<!--                    <div class="openClassMore"><a href="###">了解更多</a></div>-->
<!--                </dt>-->
<!--                <dd>-->
<!--                    <h3 class="openClassTitle">2015年3月中国大陆地区托福考试口语写作小范围机经发布</h3>-->
<!--                    <div class="openClassTime">课程时间：<span>2015-01-06</span>&nbsp;&nbsp;<span>08：30-11：30</span></div>-->
<!--                    <div class="openClassPic">-->
<!--                        <a href="课程详细页.html"><img src="../i/720x415.jpg" width="720" height="415"></a>-->
<!--                    </div>-->
<!--                </dd>-->

<!--            </dl>-->
<!--            <div class="openClassText">-->
<!--                <h3>课程大纲</h3>-->
<!--                <p>2015年3月大陆地区托福考试口语小范围机经2 2015年3月大陆地区托福考试写作小范围机经3， 口语段子的点拨及教你如何串葫芦。2015年3月大陆地区托福考试口语小范围机经2 2015年3月大陆地区托福考试写作小范围机经3， 口语段子的点拨及教你如何串葫芦。</p>-->
<!--            </div>-->
<!--            <div class="openBaoming">-->
<!--                <a href="../支付/购买流程-步骤一.html" class="openClassBm">立即报名</a>-->
<!--                <span>已报名人数：<b>230人</b></span>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="openClass">-->
<!--            <div class="openClassDate"><span class="openClassD">29日</span><span class="openClassM">12月</span></div>-->
<!--            <dl class="fn-clear">-->
<!--                <dt>-->
<!--                    <div class="openClassTec"><a href="#"><img src="../i/125x125.jpg" width="125" height="125"></a></div>-->
<!--                    <div class="openClassName">主讲人：老师</div>-->
<!--                    <a class="openClassZan" href="###">32</a>-->
<!--                    <div class="openClassJieshao">底胤：托福口语主讲，大学期间便在各大培训机构中授课，对托福口语及美语发音有深入研究。</div>-->
<!--                    <div class="openClassMore"><a href="###">了解更多</a></div>-->
<!--                </dt>-->
<!--                <dd>-->
<!--                    <h3 class="openClassTitle">2015年3月中国大陆地区托福考试口语写作小范围机经发布</h3>-->
<!--                    <div class="openClassTime">课程时间：<span>2015-01-06</span>&nbsp;&nbsp;<span>08：30-11：30</span></div>-->
<!--                    <div class="openClassPic">-->
<!--                        <a href="课程详细页.html"><img src="../i/720x415.jpg" width="720" height="415"></a>-->
<!--                    </div>-->
<!--                </dd>-->

<!--            </dl>-->
<!--            <div class="openClassText">-->
<!--                <h3>课程大纲</h3>-->
<!--                <p>2015年3月大陆地区托福考试口语小范围机经2 2015年3月大陆地区托福考试写作小范围机经3， 口语段子的点拨及教你如何串葫芦。2015年3月大陆地区托福考试口语小范围机经2 2015年3月大陆地区托福考试写作小范围机经3， 口语段子的点拨及教你如何串葫芦。</p>-->
<!--            </div>-->
<!--            <div class="openBaoming">-->
<!--                <a href="../支付/购买流程-步骤一.html" class="openClassBm">立即报名</a>-->
<!--                <span>已报名人数：<b>230人</b></span>-->
<!--            </div>-->
<!--        </div>-->


    </div>
</div>

<script type="text/javascript">
  // 计算页面的实际高度，iframe自适应会用到
  function calcPageHeight(doc) {
      var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
      var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
      var height  = Math.max(doc.body.clientHeight, doc.body.scrollHeight);
      return height
  }
  var ifr = document.getElementById('publicIfr')
  ifr.onload = function() {
  	  var inter = window.setInterval(function() {
  	  	  var iDoc = ifr.contentDocument || ifr.document
	      var height = calcPageHeight(iDoc)
	      ifr.style.height = height + 'px'
  	  	
  	  },100);
  	  window.setTimeout(function() {
  	  	window.clearInterval(inter);
  	  },10000);
      
  }
</script>


<!--footer-->
	<div class="flink">
	<div class="flinkTop"></div>
    <div class="flinkBody">
    	<h3>友情链接</h3>
        <ul>
        	<li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
	<div class="doc1180">
    	<div class="footerLink">
        	<a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>

</body>
</html>

